<template>
	<div class="maincontainer">
		<Headerback />
		<div class="header">
				<img src="../../assets/images/serviceimg/rcbj2x.png" alt="">
		</div>
		<div class="con">
			<div>
				<h2>日常保洁</h2>
				<p class="des">提供家庭室内表面清洁,物品归纳整理和高温消毒服务</p>
			</div>
			<div>
				<h2>服务价格</h2>
				<span class="des">日常保洁</span><span class="des1">35/小时</span>
				<p class="pricep">2小时起</p>
			</div>
			<div class="des3">
				<ul>
					<li>
						<h2>参考耗时</h2>
						<span>一居</span><span class="des1">2-3小时</span>
					</li>
					<li>
						<span>二居</span><span class="des1">2-3小时</span>

					</li>
				</ul>
			</div>
		</div>
		<div class="footer">
			<ul>
				<li class="li1">单次预约</li>
				<li class="li2">周期预约</li>
			</ul>
		</div>
	</div>
</template>
<script>
	import Headerback from "./components/headerback"
	export default{
		name:'dailclean',
		data(){
			return{

			}
		},
		components:{
			Headerback
		}
	}
</script>
<style scoped lang="less">
	.maincontainer{
		width:100%;
		background-color: #e6e6e6;
	}
	.header{
		width: 100%;
		height: 470/2/50rem;
		img{
				width: 100%;
				height: 470/2/50rem;
			}

	}
	.con{
			div{
				height:200/2/50rem;
				padding-left: 20/2/50rem;
				border-bottom: 2/2/50rem solid #cfcfcf;
				h2{
					font-size: 30/2/50rem;
					color:rgba(0,0,0,.8);
					padding-top:30/2/50rem;
					padding-bottom:50/2/50rem;
					font-style: solid;
				}
				.des{
					font-size: 20/2/50rem;
					color:rgba(0,0,0,.7);

				}
				.des1{
					padding-left: 500/2/50rem;
					color:red;
				}
				.pricep{
						margin-top: 20/2/50rem;
					}

			}
			.des3{
				padding-bottom: 150/2/50rem;
				h3{
					font-style: solid;
				}
				ul{
					height: 300/2/50rem;
					li{
					height:110/2/50rem;
					padding-top: 40/2/50rem;
					padding-bottom: 80/2/50rem;
					border-bottom: 2/2/50rem solid #cfcfcf;
					}
				}

				
			}
		}
		.footer{
			li{
				float: left;
				width: 50%;
				height: 110/2/50rem;
				color: #ffffff;	
				line-height:  110/2/50rem;
				text-align: center;
				font-size: 30/2/50rem;

			}
			.li1{
				background-color: #409aff;
					
			}
			.li2{
				background-color: #ff5555;
				
			}
		}
</style>